<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CoolSens</title>
<link rel="stylesheet" type="text/css" href="./css/default.css" media="all" />
<link type="text/css" href="./css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="./js/jquery-1.6.1.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.8.13.custom.min.js"></script>

<body>

<div class="container">
	<div class="logoarea"><img src="./Images/logo.png" />
</div>

<div id="content">

<h2>Monitoring</h2>
	
<p>
<script>
function add_new() {
	var id = parseInt(prompt("Enter new node ID"));
	if (id) {
		$("#mapframe")[0].contentWindow.location = "./data/map.php?new="+id;
	}
}
</script>
<a href='#' onclick='add_new(); return false;'>Add new node</a><br/><small>Double click on a node to see its capture history.</small>
</p>

<iframe id="mapframe" name="mapframe" src="./data/map.php" style="width: 962px; height: 602px; border: none;" scrolling="no"></iframe>

</div>

<div id="footer">
Laboratoire du CITI. INSA de Lyon
</div>
</div>
</body></html>
